<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		*{
			padding:0;
			margin:0;
		}
		#root button,#app button{
			padding:5px;
			margin:5px;
		}
		#root button.active,#app button.active{
			background:red;
		}
		#root div,#app div{
			width: 500px;
			height: 300px;
			border:1px solid green;
		}
	</style>
</head>
<body>
<div id="root">
	<button>体育</button>
	<button>娱乐</button>
	<button>财经</button>
	<div>体育新闻</div>
	<div>娱乐新闻</div>
	<div>财经新闻</div>
</div>

<div id="app">
	<button>中国</button>
	<button>日本</button>
	<button>韩国</button>
	<div>中国新闻</div>
	<div>日本新闻</div>
	<div>韩国新闻</div>
</div>
</body>
<script src="lib/zhang.js"></script>
<script>
	new Tag({
		index:1
	});
	new Tag({
		el:"#app",
		index:2,
		colorArr:["pink","blue","orange"]
	})
</script>
</html>